#section-2,.hr{background-color:#ff5e14}#s3-p,#s3-p2{color:#aaa}.container-2,.container-banner{background-size:cover;background-position:center;background-attachment:fixed}#child-2,#child-3{text-transform:uppercase;font-weight:bolder;font-family:Arial,Helvetica,sans-serif}#child-2,#child-3,#fixed-nav{font-family:Arial,Helvetica,sans-serif}*{margin:0;padding:0;box-sizing:border-box}.link{font-family:myFont3}a{text-decoration:none!important}.container-2{background-image:url("https://www.clydeco.com/getattachment/809d1653-70be-4a27-8eba-4f959ee6723b/facebook-image?variant=introbannerdesktopvarient");height:1080px;position:inherit}body{font-family:Poppins,sans-serif;background:linear-gradient(270deg,#fff,#fff)}#link-1{color:#fff}#h1{margin-right:100px;margin-top:100px}.hr{height:3px;width:6%;margin:50px auto 0}@media (max-width:1760px){.hr{margin:50px auto 0}}#s3-p,.hr-2{margin-left:158px}#cx-m{margin:50px}.cx-text{color:#afafaf}#section-fix{position:fixed}#section-2{margin-top:200px;height:200px}#s2-h1{margin-top:75px;margin-left:100px}#section-3{background-color:#262626;height:700px}#s3-h1{margin-left:106px;padding-top:120px}.hr-2{height:2px;width:4%;background-color:red}#s3-p{margin-top:20px}#s3-s4{background-color:#212121;height:500px}@media screen and (max-width:600px){#section-2{height:350px}#section-3{height:500px}#s3-h1{margin-left:0}#s3-p,.hr-2{margin-left:50px}#s3-s4{height:800px}}.hr-3,.hr-3b{height:6px;width:10%;background-color:#ff5e14;margin-left:0}.hr-4,.hr-4b{height:2px;width:90%;background-color:#ff5e14;margin-top:-2px}.hr-4{margin-left:40px}.hr-4b{margin-left:30px}@media (min-width:1280px) and (max-width:1366px){#para-today{display:none}}@media (min-width:1400px) and (max-width:2560px){#para-today-2{display:none}}#h6{margin-top:50px;color:#fff}@media screen and (max-width:768px){#child-2,#child-3{font-size:xx-large}#child-2{margin-top:-4550px}#h1{margin:0}#s2-h1{margin-left:0}.col-md{display:flex;justify-content:center;align-items:center;flex-direction:column}.hr-3b,.hr-4b{display:none}}@media screen and (max-width:834px){.col-md{display:flex;justify-content:center;align-items:center;flex-direction:column}.hr-3b,.hr-4b{display:none}}@media screen and (max-width:1024px){.col-md{display:flex;justify-content:center;align-items:center;flex-direction:column}.hr-3b,.hr-4b{display:none}}@media screen and (max-width:912px){.col-md{display:flex;justify-content:center;align-items:center;flex-direction:column}.hr-3b,.hr-4b{display:none}}#our-story,p,ul{color:#727272}#our-story,b{color:#000}#brandName{color:#b35769}.container-banner{background-image:url("about\ us/ks_hall.jpg");height:100vh;display:flex;justify-content:center;align-items:center;text-align:center}#child-2,#child-3{margin-top:10px;margin-bottom:25px;color:#ffd249}#child-2{font-size:4vw}#child-3{font-size:1vw}#idea{font-weight:900;font-size:4vw}#team{margin-left:15px}.gap-child-2{font-size:3rem}.gap-child-3{font-weight:700;margin-left:5px}@media (orientation:portrait){#Copyright{text-align:center}.hr-4{margin-left:35px}#para-continue{margin-top:15px}#ks{margin-top:0}#child-2,#child-3{font-size:large}#idea{font-size:40px}}#leadership,.ul,p{font-size:1.2rem}.image-gallery{display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px;max-width:1200px;margin:auto}.image-gallery .image-container{flex:0 1 calc(50% - 10px);margin-bottom:20px;box-sizing:border-box}.image-gallery img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.image-gallery img:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.2)}@media (max-width:768px){.image-gallery .image-container{flex:0 1 100%}}#fixed-nav{background-color:transparent;transition:background-color .3s;font-weight:400}#fixed-nav.scrolled{background-color:rgba(0,0,0,.8)}#fixed-nav .nav-link{color:#fff;transition:color .3s,font-weight .3s}#fixed-nav .nav-link:hover{background-color:#fff;border-radius:10px;color:#000;font-weight:300;transition:.5s}.navbar-toggler{position:absolute;top:10px;right:10px;padding:.4rem;z-index:2;background-color:#fff;border-radius:5px}.navbar-toggler-icon{width:30px;height:3px;background-color:#fff;position:relative}.navbar-toggler-icon::after,.navbar-toggler-icon::before{content:'';width:30px;height:3px;position:absolute;left:0}.navbar-toggler-icon::before{top:-10px}.navbar-toggler-icon::after{bottom:-10px}#ks-small,#ks-transparent{max-width:500px;height:auto;margin-right:10px}@media (max-width:1366px){#section-2{height:300px}.hr-4{margin-left:35px}.hr-4b{margin-left:28px}#ks-transparent{width:400px}.navbar-nav .nav-link{padding:8px;font-size:.9rem}}@media (max-width:992px){#ks-small{display:block}#ks-transparent{width:350px}.navbar-toggler{top:10px;right:10px}.navbar-nav .nav-link{padding:10px;text-align:center;font-size:1rem}}@media (max-width:576px){#ks-transparent{display:none}#ks-small{display:block;width:225px}.navbar-toggler{top:8px;right:8px;padding:.4rem}.navbar-nav .nav-link{padding:8px;font-size:.85rem}}@media (orientation:landscape) and (max-height:820px){#ks-small{display:none!important}#ks-transparent{display:block!important;width:450px}.navbar-toggler{top:5px;right:5px;padding:.3rem}}
#brandname {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 2rem; /* Default for large screens */
}

@media screen and (max-width: 1200px) {
    #brandname {
        font-size: 1.8rem; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 992px) {
    #brandname {
        font-size: 1.6rem; /* Medium screens like tablets */
    }
}

@media screen and (max-width: 768px) {
    #brandname {
        font-size: 1.4rem; /* Small screens like large smartphones */
    }
}

@media screen and (max-width: 576px) {
    #brandname {
        font-size: 1.2rem; /* Extra small screens */
    }
}

@media (orientation: landscape) and (max-width: 576px) {
    #brandname {
        font-size: 1.4rem; /* Adjust for landscape orientation on small screens */
    }
}

/* Navbar and Logo Styles */
#nav-logo-image {
    max-width: 550px; /* Default max width for larger screens */
    height: auto;
    margin-right: 10px;
    transition: width 0.3s ease;
}

@media screen and (max-width: 1368px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

/* Responsive styling for the navbar logo */
@media screen and (max-width: 1366px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 1200px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 992px) {
    #nav-logo-image {
        max-width: 480px; /* Even smaller for tablet-sized screens */
    }
}

@media screen and (max-width: 768px) {
    #nav-logo-image {
        max-width: 480px; /* Smaller on small screens */
    }
}

@media screen and (max-width: 576px) {
    #nav-logo-image {
        max-width: 280px; /* Further reduced size for smaller devices */
    }
}

@media (orientation: landscape) and (max-height: 820px) {
    #nav-logo-image {
        max-width: 50%; /* Ensures proper size in landscape mode */
    }
}